<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>选择专业</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div class="subject-orientation__wrap">
        <div class="page page-current">

            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/academic/myAcademic}">
                    <span class="iconfont icon-fanhui"></span>
                </a>
            </header>

            <article class="content wm-content">
                <div class="text-center">
                    <h1 style="margin-bottom: 0;font-weight: 200;">
                        <span class="c-333" th:text="'欢迎来到'+${infoMap['appName']}"></span>
                    </h1>
                    <span class="c-333" style="font-weight: 200;font-size: .75rem;">请选择你喜欢的考试，只能选择<small class="fs7 c-blue">1</small>个哦</span>
                </div>

                <div class="mt5 ml5 mr5 pl5 pr5">
                    <div class="list-block pl5 pr5 no-mt">
                        <ul id="customized-major-list">
                            <li th:if="${#lists.isEmpty(parentSubjectList)}" id="no-data-li">
                                <section class="no-data__wrap">
                                    <em>&nbsp;</em>
                                    <p>亲，暂无专业数据，小编正在整理中</p>
                                </section>
                            </li>
                            <li th:if="!${#lists.isEmpty(parentSubjectList)}" th:each="subject,index : ${parentSubjectList}" th:attrappend="data-subject=${subject['id']}" th:classappend="${index['index']}==0?'dc-active':''" class="item-content">
                                <div class="item-inner">
                                    <div class="item-title">
                                        <span class="wm-cm-title" th:text="${subject['subjectName']}"></span>
                                    </div>
                                    <div class="item-after">
                                        <span class="dc-icon-bx ok-icon-bx dc-small-icon-bx"><em class="iconfont icon-duihao"></em></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div th:if="!${#lists.isEmpty(parentSubjectList)}" class="content-block" id="next-step">
                            <p class="lr-suBtn__wrap">
                                <a href="javascript:void(0)" class="button button-big button-round">完成</a>
                            </p>
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/academic/set-user-subject.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
